
//导航
$(document).ready(
            function(){


         })
//选择游戏和服务器
 $(function(){//选择游戏
                
                $('.slec').click(function(){
                  $('#webgame').css({'display':'block'});
                })
                $('.closeWebGame').click(function(){
                  $('#webgame').css({'display':'none'});
                })
                var $li_game = $('.webgamecontent ul li');
                $li_game.click(function(){
                  $('#webgame').css({'display':'none'});
                  var index = $li_game.index(this);
                  var ss = $('.webgamecontent ul>li a').eq(index).text();
                  $('#selectGame').val(ss);
                   $('#webgame1').css({'display':'block'});
                  $('#webgame1>.gameser').eq(index).css({'display':'block'}).siblings().css({'display':'none'});
                })
       })
 $(function(){//选择服务区
                
                $('.slec1').click(function(){
                  $('#webgame1').css({'display':'block'});
                })
                $('.closeWebGame1').click(function(){
                  $('#webgame1').css({'display':'none'});
                })
               var $li_game = $('.webgamecontent1 ul li');
                $li_game.click(function(){
                  $('#webgame1').css({'display':'none'});
                  var index = $li_game.index(this);
                  var ss = $('.webgamecontent1 ul>li a').eq(index).text();
                  $('#selectServiceText').val(ss);
                  // $('#webgame1>.gameser').eq(index).css({'display':'block'}).siblings().css({'display':'none'});
                })
       })


//点击label[]上单选按钮获取焦点
$(function(){
     $('#manual-input').click(function(){
       $('#for10').prop('checked',true);
       })
    })

$(function(){//点击充值面值,自动换算元宝数
       var str = $('td#payhowmoney input');
       str.click(function(){
       $('#manual-input').val(' ');
       var index = str.index(this);
       var ss = parseInt($('td#payhowmoney>label').eq(index).text())*10;
       $('#howMoney').text(ss);
       })
       //手动输入充值面值,自动转换为元宝数
       $('#manual-input').keyup(function(){
       	  var str = $('#manual-input');
       	  var ss= parseInt(str.val())*10;
       	  $('#howMoney').text(ss);
       	 // console.log(ss);
       })
})
//手动输入充值面值,自动转换为元宝数
// var strrr = document.getElementById('manual-input');
// var notename = document.getElementById('howMoney');
// function createName(e){
//           	if (!e) {
//           		e = window.event;
//           	}
//             target = e.target || e.srcElement;
//           	notename.textContent = target.value *10;
//           }

// strrr.addEventListener('input',createName,false);



//切换充值方式
 $(function(){
 	// $('#payhowmoney')
 	$('#bankcard').click(function(){
      $('#bankcardpay').text('银行卡充值');
      $('div#selectBank').css({'display':'block'});
      $('#yhcard').text('银行卡充值说明:');
      $('#yhcard1').text('1、您必须开通了网上银行业务；');
      $('#yhcard2').text('2、网上银行开通办法请咨询当地所属银行；');
      $('#yhcard3').text('3、请您关闭所有屏蔽弹出窗口之类的功能，否则在线支付将无法继续,比如:上网助手、google toolbar、baidu等；');
      $('#yhcard4').text('4、如果您用信用卡支付，请确认该信用卡的网上交易限额大于等于您的充值金额;');
      $('#yhcard5').text('5、请充值时务必确认好您的充值金额准确无误后再进行充值，避免输错金额导致的失误，如因未仔细确认金额造成的充值问题，我们将一律不予处理此类退款申诉。');
      $('#payhowmoney').css({'display':'block'});
      $('label[for="for1"]').text('10元').css({'margin-right':'0'});
      $('label[for="for2"]').text('30元').css({'margin-right':'0'});
      $('label[for="for3"]').text('50元').css({'margin-right':'0'});
      $('label[for="for4"]').text('100元').css({'margin-right':'0'});
      $('#for4').prop('checked',true);
      $('label[for="for5"]').text('200元').css({'margin-right':'0'});
      $('label[for="for6"]').text('300元').css({'margin-right':'0'});
      $('label[for="for7"]').text('500元').css({'margin-right':'0'});
      $('#for7').css({'display':'inline-block'});
      $('label[for="for8"]').text('1000元');
      $('#for8').css({'display':'inline-block'});
      $('label[for="for9"]').text('5000元');
      $('#for9').css({'display':'inline-block'});
      $('label[for="for10"]').text('其他');
      $('#for10').css({'display':'inline-block'});
      $('label[for="manual-input"]').text('请输入(5-50000)');
      $('#manual-input').css({'display':'inline-block'});
      $('#manual-input').val(' ');
    })
    $('#alipay').click(function(){
      $('#bankcardpay').text('支付宝充值');
      $('div#selectBank').css({'display':'none'});
      $('#yhcard').text('支付宝充值说明:');
      $('#yhcard1').text('1、支付宝余额支付：只要您的支付宝账户中存有余额，就可以为游戏进行充值。');
      $('#yhcard2').text('2、银行卡支付：只要您拥有与支付宝公司合作银行中的任意一张银行卡，并开通“网上银行”服务，即可完成充值。');
      $('#yhcard3').text('3、如果您用信用卡支付，请确认该信用卡的网上交易限额大于等于您的充值金额；');
      $('#yhcard4,#yhcard5').text(' ');
      $('#payhowmoney').css({'display':'block'});
      $('label[for="for1"]').text('10元').css({'margin-right':'0'});
      $('label[for="for2"]').text('30元').css({'margin-right':'0'});
      $('label[for="for3"]').text('50元').css({'margin-right':'0'});
      $('label[for="for4"]').text('100元').css({'margin-right':'0'});
      $('#for4').prop('checked',true);
      $('label[for="for5"]').text('200元').css({'margin-right':'0'});
      $('label[for="for6"]').text('300元').css({'margin-right':'0'});
      $('label[for="for7"]').text('500元').css({'margin-right':'0'});
      $('#for7').css({'display':'inline-block'});
      $('label[for="for8"]').text('1000元');
      $('#for8').css({'display':'inline-block'});
      $('label[for="for9"]').text('5000元');
      $('#for9').css({'display':'inline-block'});
      $('label[for="for10"]').text('其他');
      $('#for10').css({'display':'inline-block'});
      $('label[for="manual-input"]').text('请输入(5-50000)');
      $('#manual-input').css({'display':'inline-block'});
      $('#manual-input').val(' ');
    })
    $('#wechat').click(function(){
      $('#bankcardpay').text('微信充值');
      $('div#selectBank').css({'display':'none'});
      $('#yhcard').text('微信充值说明:');
      $('#yhcard1').text('1、需开通微信支付，开通后用微信的“扫一扫”功能扫描二维码即可进行支付。');
      $('#yhcard2,#yhcard3,#yhcard4,#yhcard5').text(' ');
      $('#payhowmoney').css({'display':'block'});
      $('label[for="for1"]').text('10元').css({'margin-right':'0'});
      $('label[for="for2"]').text('30元').css({'margin-right':'0'});
      $('label[for="for3"]').text('50元').css({'margin-right':'0'});
      $('label[for="for4"]').text('100元').css({'margin-right':'0'});
      $('#for4').prop('checked',true);
      $('label[for="for5"]').text('200元').css({'margin-right':'0'});
      $('label[for="for6"]').text('300元').css({'margin-right':'0'});
      $('label[for="for7"]').text('500元').css({'margin-right':'0'});
      $('#for7').css({'display':'inline-block'});
      $('label[for="for8"]').text('1000元');
      $('#for8').css({'display':'inline-block'});
      $('label[for="for9"]').text('5000元');
      $('#for9').css({'display':'inline-block'});
      $('label[for="for10"]').text('其他');
      $('#for10').css({'display':'inline-block'});
      $('label[for="manual-input"]').text('请输入(5-50000)');
      $('#manual-input').css({'display':'inline-block'});
      $('#manual-input').val(' ');
    })
     $('#unicom').click(function(){
      $('#bankcardpay').text('联通充值卡');
      $('div#selectBank').css({'display':'none'});
      $('#yhcard').text('联通卡充值说明:');
      $('#yhcard1').text('1、支持中国联通发行的联通一卡充支付，面值为20元、30元、50元、100元、300元、500元');
      $('#yhcard2').text('2、联通卡充值有手续费，手续费为4%。【该手续费为发卡单位收取】');
      $('#yhcard3').text('3、如果有疑问，请联系我们在线客服或拨打客服电话。');
      $('#yhcard4,#yhcard5').text(' ');
      $('label[for="for1"]').text('20元面值的充值卡').css({'margin-right':'30px'});
      $('label[for="for2"]').text('30元面值的充值卡').css({'margin-right':'30px'});
      $('label[for="for3"]').text('50元面值的充值卡').css({'margin-right':'30px'});
      $('label[for="for4"]').text('100元面值的充值卡').css({'margin-right':'30px'});
      $('#for4').prop('checked',true);
      $('label[for="for5"]').text('300元面值的充值卡').css({'margin-right':'22px'});
      $('label[for="for6"]').text('500元面值的充值卡').css({'margin-right':'30px'});
      $('label[for="for7"]').text(' ');
      $('#for7').css({'display':'none'});
      $('label[for="for8"]').text(' ');
      $('#for8').css({'display':'none'});
      $('label[for="for9"]').text(' ');
      $('#for9').css({'display':'none'});
      $('label[for="for10"]').text(' ');
      $('#for10').css({'display':'none'});
      $('label[for="manual-input"]').text(' ');
      $('#manual-input').css({'display':'none'});
      $('#manual-input').val(' ');
    })
  })
